*{
    margin: 0;
    padding:0;
    box-sizing: border-box;
}
html,body{
    width:100%;
    height:100%;
}

html{
    font-size: 26.67vw;
}
.main{
    width:100%;
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.contain{
   width:100%;
   flex: 1;
   background:deepskyblue;
}
.footer{
    width:100%;
    height:0.5rem;
    background:#fff;
    position: fixed;
    bottom:0;
}
.footer ul{
   list-style:none;
   width:100%;
   height:100%;
   display: flex;
   flex-direction: row;
   justify-content: space-around;
   align-items: center;
   flex-wrap: wrap; 
}

.footnav{
    width:22%;
    height:0.4rem;
}

.footnav li{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    font-size: 0.14rem;
}

.selected{
    color:#0089dc;
}

